/*
 This file 'ypsc' is part of Firebird Integrated Solution 1.0

 Copyright (c) 2020 Lincong

 Contact:  
        Email: lincong1987@gmail.com

        QQ: 159257119
 
 See Usage at http://www.jplatformx.com/firebird

 Create date: 2020-05-21 14:48
 */

@keyframes slideShine {
    0% {
	background-position: 0 0;
    }
    100% {
	background-position: 100% 100%;      
    }
}

@keyframes rotate {
    0% {
	transform: rotate(0deg);
    }
    50% {
	transform: rotate(180deg);
    }
    100% {
	transform: rotate(359deg);
    }
}

@keyframes breath {
    
    0% {
	opacity: 1;
    }
    50% {
	opacity: 0.5;
    }
    100% {
	opacity: 1;
    }
}                                                                         

@keyframes breath2 {
    
    0% {
	opacity: 1;
    }
    50% {
	opacity: 0.9;
    }
    100% {
	opacity: 1;
    }
}


@name: index;

@import "common";

.wrapper {
    position:   relative;
    background: url("../img/index-bg.png") no-repeat #040D32;
    width:      1920px;
    height:     1080px;
    margin:     0 auto;
}

.index-halo {
    position:   absolute;
    top:        214px;
    left:       745px;
    background: url("../img/index-halo.png") no-repeat;
    width:      433px;
    height:     433px;
    margin:     0 auto;
    animation:  rotate 10s linear infinite;
}


.index-halo-text {
    position:    absolute;
    top:         412px;
    left:        745px;
    width:       433px;
    height:      30px;
    font-size:   22px;
    font-weight: bold;
    color:       #60fefa;
    text-align:  center;
    
    text-shadow: 0 0 13px #60fefa;
}


.links {
    
    a {
	display:   block;
	width:     120px;
	
	animation: float 3s linear infinite;
	
	em {
	    display:    block;
	    width:      88px;
	    height:     88px;
	    margin:     0 auto;
	    transition: all, 0.8s;
	}
	
	span {
	    display:     block;
	    width:       120px;
	    margin-top:  6px;
	    text-align:  center;
	    font-size:   20px;
	    font-weight: bold;
	    color:       rgba(119, 194, 255, 1);
	    text-shadow: 0 0 5px rgba(119, 194, 255, 0.5);
	}
    }
    
    .link-ztjs {
	position: absolute;
	top:      122px;
	left:     775px;
	
	em {
	    background: url("../img/icon-ztjs.png") no-repeat;
	    
	}
	
	&:hover {
	    em {
		background: url("../img/icon-ztjs-hover.png") no-repeat;
	    }
	}
    }
    
    .link-sczt {
	position: absolute;
	top:      248px;
	left:     611px;
	
	em {
	    background: url("../img/icon-sczt.png") no-repeat;
	    
	}
	
	&:hover {
	    em {
		background: url("../img/icon-sczt-hover.png") no-repeat;
	    }
	}
    }
    
    .link-spjg {
	position: absolute;
	top:      388px;
	left:     545px;
	
	em {
	    background: url("../img/icon-spjg.png") no-repeat;
	    
	}
	
	&:hover {
	    em {
		background: url("../img/icon-spjg-hover.png") no-repeat;
	    }
	}
    }
    
    
    .link-ypjg {
	position: absolute;
	top:      518px;
	left:     631px;
	
	em {
	    background: url("../img/icon-ypjg.png") no-repeat;
	    
	}
	
	&:hover {
	    em {
		background: url("../img/icon-ypjg-hover.png") no-repeat;
	    }
	}
    }
    
    .link-tzsbjg {
	position: absolute;
	top:      603px;
	left:     775px;
	
	em {
	    background: url("../img/icon-tzsbjg.png") no-repeat;
	    
	}
	
	&:hover {
	    em {
		background: url("../img/icon-tzsbjg-hover.png") no-repeat;
	    }
	}
    }
    
    .link-lzbmtx {
	position: absolute;
	top:      603px;
	left:     1063px;
	
	em {
	    background: url("../img/icon-lzbmtx.png") no-repeat;
	    
	}
	
	&:hover {
	    em {
		background: url("../img/icon-lzbmtx-hover.png") no-repeat;
	    }
	}
    }
    
    .link-yjzh {
	position: absolute;
	top:      518px;
	left:     1207px;
	
	em {
	    background: url("../img/icon-yjzh.png") no-repeat;
	    
	}
	
	&:hover {
	    em {
		background: url("../img/icon-yjzh-hover.png") no-repeat;
	    }
	}
    }
    
    .link-zscq {
	position: absolute;
	top:      388px;
	left:     1293px;
	
	em {
	    background: url("../img/icon-zscq.png") no-repeat;
	    
	}
	
	&:hover {
	    em {
		background: url("../img/icon-zscq-hover.png") no-repeat;
	    }
	}
    }
    
    .link-wljg {
	position: absolute;
	top:      248px;
	left:     1227px;
	
	em {
	    background: url("../img/icon-wljg.png") no-repeat;
	    
	}
	
	&:hover {
	    em {
		background: url("../img/icon-wljg-hover.png") no-repeat;
	    }
	}
    }
    
    .link-hlw {
	position: absolute;
	top:      122px;
	left:     1063px;
	
	em {
	    background: url("../img/icon-hlw.png") no-repeat;
	    
	}
	
	&:hover {
	    em {
		background: url("../img/icon-hlw-hover.png") no-repeat;
	    }
	}
    }
    
    
}

.index-halo-light {
    position:   absolute;
    top:        229px;
    left:       773px;
    width:      406px;
    height:     572px;
    background: url("../img/index-halo-light.png") no-repeat;
    animation:  breath 2s linear infinite;
}